<!DOCTYPE html>
<html lang="en">
  <head>
	<meta name="generator" content="Hugo 0.68.3" />
    <title>CubeNLP</title>
    
    
      
      
        
      
    
    <meta name="description" content="Portfolio and personal blog of John Doe." />
    
    




  





  



<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />


<link rel="stylesheet" href="/css/bootstrap.min.css"/>
<link rel="stylesheet" href="/css/layouts/main.css"/>
<link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="/css/navigators/navbar.css"/>
<link rel="stylesheet" href="/css/plyr.css"/>
<link rel="stylesheet" href="/css/flag-icon.min.css"/>


<link rel="stylesheet" href="/fontawesome/css/all.min.css" />


<link rel="icon" type="image/png" href="/images/cubenlp_hu86fc77ca2054217549be03fd74ff8675_22209_42x0_resize_box_2.png" />


<link rel="stylesheet" href="/css/style.css"/>

    <link rel="stylesheet" href="/css/sections/home.css"/>
    <link rel="stylesheet" href="/css/sections/about.css"/>
    <link rel="stylesheet" href="/css/sections/skills.css"/>
    <link rel="stylesheet" href="/css/sections/experiences.css"/>
    <link rel="stylesheet" href="/css/sections/members.css"/>
    <link rel="stylesheet" href="/css/sections/education.css"/>
    <link rel="stylesheet" href="/css/sections/projects.css"/>
    <link rel="stylesheet" href="/css/sections/recent-posts.css"/>
    <link rel="stylesheet" href="/css/sections/achievements.css"/>
    <link rel="stylesheet" href="/css/sections/accomplishments.css"/>
    
    
    
  </head>
  <body data-spy="scroll" data-target="#top-navbar" data-offset="100">

    





  








  


  





  





  












  


<nav class="navbar navbar-expand-xl top-navbar initial-navbar" id="top-navbar">
  <div class="container">
    <a class="navbar-brand" href="/en">
      
      <img src="/images/cubenlp_hu86fc77ca2054217549be03fd74ff8675_22209_42x0_resize_box_2.png" id="logo" alt="Logo">CubeNLP<img src="/images/ecnu-cs-logo-qing_hu62894936b5c2144cd184af1f39fa1d8c_37679_502x84_resize_box_2.png" id="logo" alt="Logo" style="width: 222px;margin-left: 10px;">
    </a>
    <button
      class="navbar-toggler navbar-dark"
      id="navbar-toggler"
      type="button"
      data-toggle="collapse"
      data-target="#top-nav-items"
      aria-label="menu"
    >
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="top-nav-items">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="#home">Home</a>
        </li>
        
          
          
            
              
              
                <li class="nav-item">
                  <a class="nav-link" href="#about">About</a>
                </li>
              
            
            
              
              
                <li class="nav-item">
                  <a class="nav-link" href="#members">Member</a>
                </li>
              
            
            
              
              
                <li class="nav-item">
                  <a class="nav-link" href="#news">News</a>
                </li>
              
            
            
              
              
                <li class="nav-item">
                  <a class="nav-link" href="#projects">Projects</a>
                </li>
              
            
            
              
              
                <li class="nav-item">
                  <a class="nav-link" href="#recent-posts">Recent Posts</a>
                </li>
              
            
          
        
        
        
          <li class="nav-item">
            <a class="nav-link" id="blog-link" href="/en/posts">Posts</a>
          </li>
        
        
        
        
          <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    
    <span class="flag-icon flag-icon-gb"></span>
    English
</a>
<div class="dropdown-menu" aria-labelledby="languageSelector">
    
    <a class="dropdown-item nav-link languages-item" href="/">
        
        <span class="flag-icon flag-icon-cn"></span>
        中文
    </a>
    
    <a class="dropdown-item nav-link languages-item" href="/en/">
        
        <span class="flag-icon flag-icon-gb"></span>
        English
    </a>
    
</div>
</li>

        
      </ul>
    </div>
  </div>
  
  <img src="/images/cubenlp_hu86fc77ca2054217549be03fd74ff8675_22209_42x0_resize_box_2.png" class="d-none" id="main-logo" alt="Logo">
  <img src="/images/cubenlp_hu86fc77ca2054217549be03fd74ff8675_22209_42x0_resize_box_2.png" class="d-none" id="inverted-logo" alt="Inverted Logo">
</nav>


  




  




  








  




































<div class="container-fluid home" id="home">
  <style>
     
    #homePageBackgroundImageDivStyled {
        
      background-image: url('https://cubenlp.cn/images/default-background_hu3d03a01dcc18bc5be0e67db3d8d209a6_1182514_500x0_resize_q75_box.jpg');
    }
     
    @media (min-width: 500px) and (max-width: 800px) {  
      #homePageBackgroundImageDivStyled {   
          background-image: url('https://cubenlp.cn/images/default-background_hu3d03a01dcc18bc5be0e67db3d8d209a6_1182514_800x0_resize_q75_box.jpg');
        }
    }
    @media (min-width: 801px) and (max-width: 1200px) {  
      #homePageBackgroundImageDivStyled {   
          background-image: url('https://cubenlp.cn/images/default-background_hu3d03a01dcc18bc5be0e67db3d8d209a6_1182514_1200x0_resize_q75_box.jpg');
        }
    }
    @media (min-width: 1201px) and (max-width: 1500px) {  
      #homePageBackgroundImageDivStyled {   
          background-image: url('https://cubenlp.cn/images/default-background_hu3d03a01dcc18bc5be0e67db3d8d209a6_1182514_1500x0_resize_q75_box.jpg');
        }
    }
    @media (min-width: 1501px) and (max-width: 4000px)  {  
      #homePageBackgroundImageDivStyled {   
          background-image: url('https://cubenlp.cn/images/default-background_hu3d03a01dcc18bc5be0e67db3d8d209a6_1182514_4000x0_resize_q75_box.jpg');
        }
    }
    @media (min-width: 4001px)  {  
      #homePageBackgroundImageDivStyled {   
          background-image: url('https://cubenlp.cn/images/default-background.jpg');
        }
    }
    </style>
    <span class="on-the-fly-behavior"></span>
  <div
    id="homePageBackgroundImageDivStyled"
    class="background container-fluid"
  ></div>
  <div class="container content text-center">
    <img src="/images/cubenlp_hu86fc77ca2054217549be03fd74ff8675_22209_148x148_fit_box_2.png"
      class="mx-auto d-block img-fluid"
      alt="Author Image"
    />
    <h1 class="greeting">  CubeNLP</h1>
    <div class="typing-carousel">
      <span id="ityped" class="ityped"></span>
      <span class="ityped-cursor"></span>
    </div>
    <ul id="typing-carousel-data">
      
    </ul>
    
      
        
        
          
        
        <a href="#about" aria-label="Read More - CubeNLP"><i class="arrow bounce fa fa-chevron-down"></i></a>
      
    
  </div>
</div>

    
    
      
    

    
      
      
        
          <div class="container-fluid section-holder d-flex bg-white">
            

  




  


<div class="container anchor p-lg-5 about-section" id="about">
  <div class="row pt-sm-2 pt-md-4 align-self-center">
    
    <div class="col-sm-6">
      <h3 class="p-1">CubeNLP</h3>
      
      <p class="p-1 text-justify">
        我们是来是华东师范大学的 CubeNLP 团队，致力于研究自然语言处理和机器学习/深度学习相关的理论。目前的主要研究方向为：信息抽取，自然语言阅读理解，对话生成，知识图谱，实体对齐等。
      </p>
      <div class="text-container ml-auto">
        <ul class="social-link d-flex">
          
        </ul>
      </div>
      
    </div>
    
    <div class="col-sm-5 pt-5 pl-md-4 pl-sm-3 pt-sm-0">
      <div class="row">
        
        
        
        
      </div>
    </div>
  </div>
</div>

          </div>
          
          
            
          
        
      
        
          <div class="container-fluid section-holder d-flex bg-dimmed">
            

  


<div class="container-fluid anchor pb-5 members-section" id="members">
  
    <h1 class="text-center">Member</h1>
  
  <div class="container d-flex-block">
    <div class="row" id="primary-skills">
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/lanman.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">兰曼</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:mlan@cs.ecnu.edu.cn"><i class="fas fa-envelope"></i></a></li></li>
      
        <li><a href=https://faculty.ecnu.edu.cn/_s16/lm2/main.psp target="_blank" rel="noopener">
        
        </a></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/maoxin.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">毛鑫</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/zhangtiantian.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">张甜甜</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/lidejian.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">李德健</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/zhaoshangqing.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">赵尚卿</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/xuweijie.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">许伟杰</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/zhouhao.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">周浩</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/zhangyadong.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">张亚东</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:1397280422@qq.com"><i class="fas fa-envelope"></i></a></li></li>
      
        <li><a href=https://github.com/enria target="_blank" rel="noopener">
        
        <i class="fab fa-github"></i>
        
        </a></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/liushen.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">刘申</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
        <li><a href=https://github.com/enria target="_blank" rel="noopener">
        
        <i class="fab fa-github"></i>
        
        </a></li>
      
        <li><a href=https://lawson-t.blog.csdn.net/ target="_blank" rel="noopener">
        
        <i class="fab fa-cuttlefish"></i>
        
        </a></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/caili.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">蔡丽</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/liushu.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">刘曙</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/chenxinhao.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">陈心豪</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
        <div class="col-xs-12 col-sm-6 col-lg-4 pt-2 people-person">
  <a href="">
    
    
      
      <img class="avatar avatar-circle" src="/images/members/yingjiahao.jpg" alt="Avatar"></a>
    
  
  <div class="portrait-title">
    <h2><a href="">英嘉豪</a></h2>
    <h3></h3>
    <ul class="network-icon" aria-hidden="true" style="margin-left: 10px;">
      <li><a href="mailto:"><i class="fas fa-envelope"></i></a></li></li>
      
    </ul>
  </div>
</div>
      
    </div>
  </div>
</div>

          </div>
          
          
            
          
        
      
        
          <div class="container-fluid section-holder d-flex bg-white">
            

  


<div class="container-fluid anchor pb-5 experiences-section" id="news">
  
    <h1 class="text-center">News</h1>
  

  <div class="container timeline text-justify">
   
   
     
       <div class="row align-items-center  d-flex">
         <div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
  <div class="circle font-weight-bold">1</div>
</div>

         <div class="col-10 col-lg-8">
  <div class="experience-entry-heading">
      
      
        <a href="http://www.cs.ecnu.edu.cn/7a/8e/c24535a359054/page.htm">
          <h5>千言多技能对话获得二等奖</h5>
        </a>
      
      
      
      <p class="text-muted">2021/05/25 
      </p>
  </div>
  
  <p>由计算机学院自然语言处理（NLP）团队的兰曼和杨燕老师指导，张骏、许伟杰、孙宇翔、顾铭、陈妍五位研究生组成的竞赛团队，通过出色的模型设计和工程实现，获得第八届CCF大数据与计算智能大赛二等奖。</p>

</div>
       </div>
     
     
       <div class="row horizontal-line">
  <div class="col-1 col-lg-2 timeline-side-div">
    <div class="corner"></div>
  </div>
  <div class="col-10 col-lg-8">
    <hr />
  </div>
  <div class="col-1 col-lg-2 timeline-side-div">
    <div class="corner"></div>
  </div>
</div>

     
   
     
       <div class="row align-items-center justify-content-end d-flex">
         <div class="col-10 col-lg-8">
  <div class="experience-entry-heading">
      
      
        <a href="http://www.cs.ecnu.edu.cn/3a/46/c24535a342598/page.htm">
          <h5>“智荟杯”浦发百度高校极客挑战赛获得三等奖</h5>
        </a>
      
      
      
      <p class="text-muted">2021/05/25 
      </p>
  </div>
  
  <p>12月11日，由浦发银行和百度智能云主办、电子商务与电子支付国家工程实验室战略合作的2020“智荟杯”浦发百度高校极客挑战赛落下帷幕。本次大赛面向定向邀请的高校在校学生，共15支高校参赛队进入线下比赛，决出优胜。在计算机科学与技术学院自然语言理解团队的兰曼老师指导下，由李德健、赵尚卿、张甜甜三位研究生组成的算法赛参赛团队经过激烈的比拼，喜获本次大赛三等奖。</p>

</div>
         <div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
  <div class="circle font-weight-bold">2</div>
</div>

       </div>
     
     
       <div class="row horizontal-line">
  <div class="col-1 col-lg-2 timeline-side-div">
    <div class="corner"></div>
  </div>
  <div class="col-10 col-lg-8">
    <hr />
  </div>
  <div class="col-1 col-lg-2 timeline-side-div">
    <div class="corner"></div>
  </div>
</div>

     
   
     
       <div class="row align-items-center  d-flex">
         <div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
  <div class="circle font-weight-bold">3</div>
</div>

         <div class="col-10 col-lg-8">
  <div class="experience-entry-heading">
      
      
        <h5>京东多模态智能对话获得三等奖</h5>
      
      
      
      <p class="text-muted">2021/05/25 
      </p>
  </div>
  
  <p>京东多模态智能对话 三等奖</p>

</div>
       </div>
     
     
   
  </div>
</div>

          </div>
          
          
            
          
        
      
        
          <div class="container-fluid section-holder d-flex bg-dimmed">
            

  


<div class="container-fluid anchor pb-5 projects-section" id="projects">
  
    <h1 class="text-center">Projects</h1>
  
  <div class="container ml-auto text-center">
    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
      
      <button type="button" class="btn btn-dark" data-filter="all">
        All
      </button>
      
      <button type="button" class="btn btn-dark" data-filter="professional">
        Professional
      </button>
      
      <button type="button" class="btn btn-dark" data-filter="academic">
        Academic
      </button>
      
      <button type="button" class="btn btn-dark" data-filter="hobby">
        Hobby
      </button>
      
    </div>
  </div>
  <div class="container filtr-projects">
    <div class="row" id="project-card-holder">
      
        <div
  class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
  data-category='all, professional,kubernetes,cloud'
>
  <div class="card mt-1">
    <div class="card">
      <a class="card-header" href="https://github.com/kubernetes/kubernetes" target="_blank" rel="noopener">
        <div>
          <div class="d-flex">
            

            
            
            
            <h5 class="card-title mb-0">Kubernetes</h5>
          </div>
          <div class="sub-title">
            <span>Contributor</span>
            <span>March 2018 - Present</span>
          </div>
        </div>
      </a>
      <div class="card-body text-justify pt-1 pb-1">
        <p>Production-Grade Container Scheduling and Management.</p>
        
        <div class="project-card-footer">
          
            <div class="project-tags-holder">
              
                  <span class="badge btn-info">
                    professional
                  </span>
              
                  <span class="badge btn-info">
                    kubernetes
                  </span>
              
                  <span class="badge btn-info">
                    cloud
                  </span>
              
            </div>
          
          <div class="project-btn-holder">
            
            <a
              class="github-button-inactive project-btn"
              href="https://github.com/kubernetes/kubernetes"
              data-icon="octicon-standard"
              data-show-count="true"
              aria-label="Star Kubernetes"
              >Star</a
            >
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

      
        <div
  class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
  data-category='all, professional,machine-learning,academic'
>
  <div class="card mt-1">
    <div class="card">
      <a class="card-header" href="https://github.com/tensorflow/tensorflow" target="_blank" rel="noopener">
        <div>
          <div class="d-flex">
            

            
            
            
            <h5 class="card-title mb-0">Tensorflow</h5>
          </div>
          <div class="sub-title">
            <span>Developer</span>
            <span>Jun 2018 - Present</span>
          </div>
        </div>
      </a>
      <div class="card-body text-justify pt-1 pb-1">
        <p>An Open Source Machine Learning Framework for Everyone.</p>
        
        <div class="project-card-footer">
          
            <div class="project-tags-holder">
              
                  <span class="badge btn-info">
                    professional
                  </span>
              
                  <span class="badge btn-info">
                    machine-learning
                  </span>
              
                  <span class="badge btn-info">
                    academic
                  </span>
              
            </div>
          
          <div class="project-btn-holder">
            
            <a
              class="github-button-inactive project-btn"
              href="https://github.com/tensorflow/tensorflow"
              data-icon="octicon-standard"
              data-show-count="true"
              aria-label="Star Tensorflow"
              >Star</a
            >
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

      
        <div
  class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
  data-category='all, hobby,hugo,theme,professional'
>
  <div class="card mt-1">
    <div class="card">
      <a class="card-header" href="https://github.com/hossainemruz/toha" target="_blank" rel="noopener">
        <div>
          <div class="d-flex">
            

            
            
            
            <h5 class="card-title mb-0">Toha</h5>
          </div>
          <div class="sub-title">
            <span>Owner</span>
            <span>Jun 2019 - Present</span>
          </div>
        </div>
      </a>
      <div class="card-body text-justify pt-1 pb-1">
        <p>A Hugo theme for personal portfolio.</p>
        
        <div class="project-card-footer">
          
            <div class="project-tags-holder">
              
                  <span class="badge btn-info">
                    hobby
                  </span>
              
                  <span class="badge btn-info">
                    hugo
                  </span>
              
                  <span class="badge btn-info">
                    theme
                  </span>
              
                  <span class="badge btn-info">
                    professional
                  </span>
              
            </div>
          
          <div class="project-btn-holder">
            
            <a
              class="github-button-inactive project-btn"
              href="https://github.com/hossainemruz/toha"
              data-icon="octicon-standard"
              data-show-count="true"
              aria-label="Star Toha"
              >Star</a
            >
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

      
    </div>
  </div>
</div>

          </div>
          
          
            
          
        
      
        
          <div class="container-fluid section-holder d-flex bg-white">
            

  


<div class="container-fluid anchor pb-5 recent-posts-section" id="recent-posts">
  
    <h1 class="text-center">Recent Posts</h1>
  
  <div class="container">
    <div class="row" id="recent-post-cards">
      
    </div>
  </div>
</div>

          </div>
          
          
            
          
        
      
    

    
    









  
    
  



  
  
    
  

  
  
    
  

  
  
    
    
      
    
  


  
  
  

  
  
  

  
  
  
    
  
  

  
  
  

  <footer class="container-fluid text-center align-content-center footer pb-2">
    <div class="container pt-5">
      <div class="row text-left">
        
        <div class="col-md-4 col-sm-12">
          <h5>Navigation</h5>
          
          <ul>
              
                
                
                  
                
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#about">About</a>
                </li>
              
              
                
                
                  
                
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#members">Member</a>
                </li>
              
              
                
                
                  
                
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#news">News</a>
                </li>
              
              
                
                
                  
                
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#projects">Projects</a>
                </li>
              
              
                
                
                  
                
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#recent-posts">Recent Posts</a>
                </li>
              
          </ul>
          
        </div>
        
        
        <div class="col-md-4 col-sm-12">
          <h5>Contact me:</h5>
          <ul>
            
            <li><span>Email: </span> <span>mlan@cs.ecnu.edu.cn</span></li>
            
            <li><span>Address: </span> <span>3663 N. Zhongshan Rd., Shanghai</span></li>
            
          </ul>
        </div>
        
        
        
          
          <div class="col-md-4 col-sm-12">
            
            
             
              
              <div id="map-canvas" class="location-area" style="height: 200px;"></div>
              <script src="https://webapi.amap.com/maps?v=1.4.15&key=a90a4ba4b6f1a0f423de3e09af0daf74"></script>
              <script>
                  var map = new AMap.Map('map-canvas', {
                      resizeEnable: true, 
                      zoom:16, 
                      center: [121.405776,31.227847], 
                      mapStyle: 'amap://styles/2cefc32a299c7fd43f3ad5092aa04016' 
                  });
                  var icon = new AMap.Icon({
                      size: new AMap.Size(50, 50),    
                      image: '/images/map_pointer.png',  
                      imageSize: new AMap.Size(50, 50)   
                  });
                  var marker = new AMap.Marker({
                          icon: icon,
                          position: [121.403716,31.227994],
                          offset: new AMap.Pixel(-25, -45),
                      });
                  marker.setMap(map);
              </script>
            
          </div>
        
      </div>
    </div>
    
    
    <hr />
    <div class="container">
      <div class="row text-left">
        <div class="col-md-4">
          <a id="theme" href="https://github.com/hossainemruz/toha" target="_blank" rel="noopener">
            <img src="/images/theme-logo_hu8376fd15465fef26ffe66b6bcf0ca686_13669_32x0_resize_box_2.png" alt="Toha Theme Logo">
            Toha
          </a>
        </div>
        <div class="col-md-4 text-center">© 2021 Copyright.</div>
        <div class="col-md-4 text-right">
          <a id="hugo" href="https://gohugo.io/" target="_blank" rel="noopener">Powered by
          <img
            src="/images/hugo-logo.svg"
            alt="Hugo Logo"
            height="18"
          />
          </a>
        </div>
      </div>
    </div>
    
  </footer>


    <script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<script type="text/javascript" src="/js/navbar.js"></script>
<script type="text/javascript" src="/js/plyr.js"></script>
<script type="text/javascript" src="/js/main.js"></script>


    
    <script src="/js/itype.min.js"></script>
    <script src="/js/github-button.js"></script>
    <script src="/js/home.js"></script>
    <script src="/js/jquery.filterizr.min.js"></script>
  </body>
</html>
